import React, { useState } from 'react'
import style from './style.module.scss'

interface IChangePasswordFormProps {
    userId: string
}

export default function ChangePasswordForm(props: IChangePasswordFormProps) {
    const [curPsd, setCurPsd] = useState('')
    const [psd, setPsd] = useState('')
    const [confPsd, setConfPsd] = useState('')
    return (
        <div className={style.container}>
            <span>更改密码</span>
            <div className={style.item}>
                <span>旧密码</span>
                <input
                    type="password"
                    value={curPsd}
                    onChange={e => {
                        setCurPsd(e.target.value)
                    }}
                />
            </div>
            <div className={style.item}>
                <span>新密码</span>
                <input
                    type="password"
                    value={psd}
                    onChange={e => {
                        setPsd(e.target.value)
                    }}
                />
            </div>
            <div className={style.item}>
                <span>密码确认</span>
                <input
                    type="password"
                    value={confPsd}
                    onChange={e => {
                        setConfPsd(e.target.value)
                    }}
                />
            </div>
            <div className={style.btn}>更换密码</div>
        </div>
    )
}
